<script setup lang="ts">
  import ColorFont from '@/components/ColorFont.vue'
  defineOptions({
    name: 'Css3ColorFont',
    inheritAttrs: false
  })
</script>

<template>
  <div>
    <ColorFont title="Test" font-size="3em" :color="['#40E0D0', '#FF8C00', '#FF0080']"></ColorFont>
    <ColorFont
      title="Color-Font"
      font-size="3em"
      :color="['#12c2e9', '#c471ed', '#f64f59']"
    ></ColorFont>
  </div>
</template>
